<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <title>订单页</title>
        <link rel="stylesheet" href="${staticpath}/phone/css/framework7.ios.min.css">
	    <link rel="stylesheet" href="${staticpath}/phone/css/framework7.ios.colors.min.css">
	    <link rel="stylesheet" href="${staticpath}/phone/css/font-awesome.min.css">
	    <link rel="stylesheet" href="${basepath}/resource/uploadify/uploadify.css"  type="text/css">
	    <!-- Path to your custom app styles-->
	    <link rel="stylesheet" href="${staticpath}/phone/css/app.css">
    </head>
    <body>
    <div id="imgchoose_blank" style="display:none;">
	    <div style="width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;z-index:8888;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;">
		</div>
		<div style="background-color: transparent;position:absolute;z-index:99999;left:0;bottom:6px;width:100%;height:125px;">
			<div style="background-color:#fff;width:95%;margin:0 auto;line-height:40px;height:40px;border-bottom:1px #999 solid;">
				<a id="choose_camare" style="display:block;width:100%;height:100%;font-size:16px;text-align:center;">拍照</a>
			</div>
			<div style="background-color:#fff;width:95%;margin:0 auto;line-height:40px;height:40px;">
				<a id="choose_local" style="display:block;width:100%;height:100%;font-size:16px;text-align:center;">从相册中选择</a>
			</div>
			<div style="background-color:#fff;width:95%;margin:0 auto;line-height:40px;height:40px;margin-top:4px;">
				<a id="choose_cancle" style="display:block;width:100%;height:100%;font-size:16px;text-align:center;">取消</a>
			</div>
		</div>
	</div>
        <!-- Views-->
        <div class="views">
            <!-- Your main view, should have "view-main" class-->
            <div class="view view-main">
                <!-- Top Navbar-->
                <!--  
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="left"><a href="#" class="back link"> <i class="fa fa-angle-left"></i></a></div>
                        <div class="center sliding">我的订单</div>
                    </div>
                </div>
                -->
                <input type="hidden" id="userId" value="${userId!''}" />
                <input type="hidden" id="token" value="${token!}" />
                <input type="hidden" id="memberCode" value="${memberCode!}" />
                
                
                <!-- Pages, because we need fixed-through navbar and toolbar, it has additional appropriate classes-->
                <div class="pages navbar-through">
                    <!-- Page, data-page contains page name-->
                    <div data-page="home" class="page">
                        <!-- Scrollable page content-->
                        <div class="page-content" style="padding-top:4px;">


                            <div class="content-block">
                                <!-- tabs控制面板 -->
                                <div class="buttons-row">
                                    <!-- 关联到第一个tab, 默认激活 -->
                                    <a href="#tab1" name="tab1" class="tab-link button">充值订单</a>
                                    <!-- 关联到第二个tab -->
                                    <a href="#tab2" name="tab2" class="tab-link button">生活缴费</a>
                                    <!-- 关联到第三个tab -->
                                    <a href="#tab3" name="tab3" class="tab-link button active">购物订单</a>
                                    <a href="#tab4" name="tab4" class="tab-link button zyschool">校园缴费</a>
                                </div>
                            </div>
                            <!-- Tabs, 标签内容区容器 -->
                            <div class="tabs" style="margin-top:15px;border-top:1px #ccc solid;">
                                <!-- Tab 1, 默认激活 -->
                                <div id="tab1" class="tab">
                                    <div class="content-block">
                                        <div class="transaction-record">
                                            <!-- <div class="line-black"></div> -->
                                            <#if xyczList?? && xyczList?size gt 0 >
                                            	<#list xyczList as data>
		                                            <div class="line">
		                                                <div class="box fn-clear">
		                                                    <span class="jf_qspan">¥${(data.toPay)!}</span>
		                                                    <div class="user-time fn-clear">
		                                                        <!--  
		                                                        <h3>${(data.remark)!}</h3>
		                                                        <em>${(data.createAtStr)!}</em>
		                                                        -->
		                                                        <div class="sf_msg_info" >${(data.remark)!}</div>
                                                        		<div class="sf_date_info">${(data.createAtStr)!}</div>
		                                                    </div>
		                                                </div>
		                                            </div>
	                                        	</#list>
	                                        <#else>
												<div class="row" style="height:100%;">
													<div class="col-xs-12 zy-margin" style="font-size: 14px;font-weight: normal;height:80%;">
														<div class="panel-default">
											            	<div class="panel-body" style="font-size: 16px;font-weight: normal;text-align: center;">
												            	<div class="panel-body " style="margin-top:20px;padding-left:5px;padding-right:5px;font-size: 16px;font-weight: normal;text-align: center;white-space:nowrap;">
												              		<span class="glyphicon glyphicon-user"></span>未查询到充值订单记录。
												            	</div>
											            	</div>
														</div>
													</div>
												</div>
	                                        </#if>
                                            <!-- <div class="line">
                                                <div class="box fn-clear">
                                                    <span>¥100.00</span>
                                                    <div class="user-time fn-clear">
                                                        <h3>智慧校园卡充值</h3>
                                                        <em>2016-06-20</em>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="line">
                                                <div class="box fn-clear">
                                                    <span>¥100.00</span>
                                                    <div class="user-time fn-clear">
                                                        <h3>智慧校园卡充值</h3>
                                                        <em>2016-06-20</em>
                                                    </div>
                                                </div>
                                            </div>  
                                            <div class="line">
                                                <div class="box fn-clear">
                                                    <span>¥100.00</span>
                                                    <div class="user-time fn-clear">
                                                        <h3>智慧校园卡充值</h3>
                                                        <em>2016-06-20</em>
                                                    </div>
                                                </div>
                                            </div>     
                                            <div class="line">
                                                <div class="box fn-clear">
                                                    <span>¥100.00</span>
                                                    <div class="user-time fn-clear">
                                                        <h3>智慧校园卡充值</h3>
                                                        <em>2016-06-20</em>
                                                    </div>
                                                </div>
                                            </div>     
                                            <div class="line">
                                                <div class="box fn-clear">
                                                    <span>¥100.00</span>
                                                    <div class="user-time fn-clear">
                                                        <h3>智慧校园卡充值</h3>
                                                        <em>2016-06-20</em>
                                                    </div>
                                                </div>
                                            </div> -->
                                        </div>
                                    </div>
                                </div>
                                <!-- Tab 2 -->
                                <div id="tab2" class="tab">
                                    <div class="content-block">
                                        <div class="transaction-record">
                                            <!-- <div class="line-black"></div> -->
                                            <#if shList?? && shList?size gt 0 >
                                            	<#list shList as data>
                                            		<div class="line">
		                                                <div class="box fn-clear">
		                                                    <span class="jf_qspan">¥${(data.toPay)!}</span>
		                                                    <div class="sf_msg_info" >${(data.remark)!}</div>
		                                                    <div class="user-time fn-clear">
		                                                        <!--  
		                                                        <h3>${(data.remark)!}</h3>
		                                                        <em>${(data.createAtStr)!}</em>
		                                                        -->
                                                        		<div class="sf_date_info">${(data.createAtStr)!}</div>
		                                                    </div>
		                                                </div>
		                                            </div>
	                                        	</#list>
	                                        <#else>
	                                        	<div class="row" style="height:100%;">
												<div class="col-xs-12 zy-margin" style="font-size: 14px;font-weight: normal;height:80%;">
													<div class="panel-default">
											              <div class="panel-body" style="font-size: 16px;font-weight: normal;text-align: center;">
												              <div class="panel-body " style="margin-top:20px;padding-left:5px;padding-right:5px;font-size: 16px;font-weight: normal;text-align: center;white-space:nowrap;">
												              		<span class="glyphicon glyphicon-user"></span>未查询到生活缴费记录。
												              </div>
											              </div>
													</div>
												</div>
											</div>
	                                        </#if>
                                            <!-- 
                                            <div class="line">
                                                <div class="box fn-clear">
                                                    <span class="jf_qspan">¥100.00</span>
                                                    <div class="user-time fn-clear">
                                                        <div class="sf_msg_info" >已经向银联发出请求流水</div>
                                                        <div class="sf_date_info"><em>2016-06-20</em></div>
                                                    </div>
                                                </div>
                                            </div>  
                                             <div class="line">
                                                <div class="box fn-clear">
                                                    <span class="jf_qspan">¥100.00</span>
                                                    <div class="user-time fn-clear">
                                                        <div class="sf_msg_info" >已经向银联发出请求流水已经向银联发出请求流水已经向银联发出请求流水已经向银联发出请求流水</div>
                                                        <div class="sf_date_info"><em>2016-06-20</em></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="line">
                                                <div class="box fn-clear">
                                                    <span class="jf_qspan">¥100.00</span>
                                                    <div class="user-time fn-clear">
                                                        <div class="sf_msg_info" >已经向银联发出请求流水已经向银联发出请求流水已经向银联发出请求流水已经向银联发出请求流水</div>
                                                        <div class="sf_date_info"><em>2016-06-20</em></div>
                                                    </div>
                                                </div>
                                            </div>    
                                             <div class="line">
                                                <div class="box fn-clear">
                                                    <span class="jf_qspan">¥100.00</span>
                                                    <div class="user-time fn-clear">
                                                        <div class="sf_msg_info" >智慧校园卡充值</div>
                                                        <div class="sf_date_info"><em>2016-06-20</em></div>
                                                    </div>
                                                </div>
                                            </div>  
                                            -->
                                        </div>
                                    </div>
                                </div>
                                <!-- Tab 3 -->
                                <div id="tab3" class="tab active">
                                    <div class="content-block">
                                    	<#if pager.list?? && pager.pagerSize gt 0>
                                    		<div class="panel-body">
											<#if orderSimpleReport??>
												<#if orderSimpleReport.orderCompleteCount!=0>
													<span class="glyphicon glyphicon-ok"></span>&nbsp;<span class="simpleOrderReport">${orderSimpleReport.orderCompleteCount!""}</span>个交易完成.
												</#if>
												<#if orderSimpleReport.orderCancelCount!=0>
													<span class="glyphicon glyphicon-remove"></span>&nbsp;<span class="simpleOrderReport">${orderSimpleReport.orderCancelCount!""}</span>个取消.
												</#if>
												<#if orderSimpleReport.orderWaitPayCount!=0>
													<span class="glyphicon glyphicon-time"></span>&nbsp;<span class="simpleOrderReport">${orderSimpleReport.orderWaitPayCount!""}</span>个等待付款.
												</#if>
											<#else>
												无任何订单数据！
											</#if>
										</div>
                                    	</#if>
                                    	<#if pager.list?? && pager.list?size gt 0>
                                    		<#list pager.list?sort_by("sort") as item>
                                    			<div class="my-order" id="rowDiv_${item.id}">
													<div class="date">
														<span>${item.createdate!""}</span>
													</div>
													<#if item.orders??>
													<#list item.orders as item>
														<div class="goods">
															<div class="box fn-clear">
																<div class="goods-img">
																	<!-- <img src="${staticpath}/phone/images/book1.png"> -->
																	<img src="${systemSetting().imageRootPath}${item.picture!}" >
																</div>
																<div class="txt">
																	<div class="goods-title" style="max-height:40px;overflow-y:auto;">
																		<P>${item.productName!""}</P>
																	</div>
																	<div class="goods-price fn-clear">
																		<span>¥${item.price!""}</span>
																		<span>¥<#if item.oldPrice ==0>${item.price!""}<#else>${item.oldPrice!""}</#if></span>
																		<span>X${item.productNumber!""}</span>
																	</div>
																</div>
															</div>
														</div>
														</#list>
													</#if>
														<div class="books-price">
															<div class="box">
																<div class="total-price" style="line-height:20px !important;">
																	<p>共${item.quantity!""}件商品，合计：<span>￥${item.amount!""}</span>元（含${item.fee!""}元运费）</p>
																</div>
																<div class="payment fn-clear">
																	<div class="wait-payment" name="statusStr_div">
																		<span>
																				<#if item.paystatus?? && item.paystatus=="y">
																					<#if item.status?? && item.status =="init">
																						等待发货
																					<#elseif item.status?? && item.status =="pass">
																						已付款，等待发货
																					<#elseif item.status?? && item.status =="send">
																						已发货
																					<#elseif item.status?? && item.status =="sign">
																						已签收
																					<#else>
																						交易完成
																					</#if>
																				<#elseif item.status?? && item.status =="cancel">
																					已取消
																				<#else>
																					等待付款
																				</#if>
																				<br>
																				<#if item.status?? && item.status =="file">
																					<#if item.isComment?? && item.isComment =="y">
																						已评价<br>
																					</#if>
																				</#if>
																		</span>
																	</div>
																	<div class="double-btn fn-clear">
																		<#if item.sort=1>
																			<a href="javascript:void(0);" name="${item.id}_${item.sort!}" id="canclBtn_${item.id}" class="cancellation-order">取消订单</a>
																			<a href="#" name="${item.id}" id="payBtn_${item.id}"  class="cancellation-order" style="border-color:red;color:red;">付款</a>
																		</#if>
																		<#if item.sort=2>
																			<a href="javascript:void(0);" name="${item.id}" id="delBtn_${item.id}" class="cancellation-order">删除订单</a>
																		</#if>
																		<#if item.sort=3>
																			<a href="javascript:void(0);" name="${item.id}_${item.sort!}" id="canclBtn_${item.id}" class="cancellation-order">取消订单</a>
																		</#if>
																		<#if item.sort=4>
																			<#if item.changeFlag?? && item.changeFlag>
																				<a href="javascript:void(0);" name="${item.id}" id="changeBtn_${item.id}" class="cancellation-order">换货</a>
																			</#if>
																			<a  href="javascript:void(0);" name="${item.expressCompanyName!''}-${item.expressNo!''}" id="lookBtn_${item.id}" class="cancellation-order">查看物流</a>
																		</#if>
																		<#if item.sort=5 || item.sort=7>
																			<a href="javascript:void(0);" name="${item.id}" id="detailBtn_${item.id}" class="cancellation-order">订单详情</a>
																		</#if>
																	</div>
																</div>
															</div>
														</div>
													<div class="line-black"></div>
												</div>
                                    		</#list>
                                    		<#else>
												<div class="row" style="height:100%;">
													<div class="col-xs-12 zy-margin" style="font-size: 14px;font-weight: normal;height:80%;">
														<div class="panel-default">
											              	<div class="panel-body" style="font-size: 16px;font-weight: normal;text-align: center;">
												              	<div class="panel-body " style="margin-top:20px;padding-left:5px;padding-right:5px;font-size: 16px;font-weight: normal;text-align: center;white-space:nowrap;">
												              		<span class="glyphicon glyphicon-user"></span>亲，你还没有任何订单信息！赶紧去下个单吧。
												              	</div>
											              	</div>
														</div>
													</div>
												</div>
                                    		</#if>
                                      	</div>
                                   	</div>
                                                    <!-- 校园缴费开始 -->
					                                 <div id="tab4" class="tab">
					                                    <div class="content-block">
					                                        <div class="transaction-record">
					                                           <div class="school-pay">
					                                           		<#if xyjfList?? && xyjfList?size gt 0 >
					                                           			<#list xyjfList as data>
					                                           				<div class="tips_date lr-padding">
					                                            				<div class="yBlank" >
					                                            					<div class="leftBz"></div>
					                                            				</div>
					                                           					<div class="dateBlank">${(data.payDateStr)!}</div>
					                                           				</div>
					                                           				<div class="messageBlank lr-padding fn-clear" >
					                                           					<div class="imgBlank">
					                                           						<img style="height:62px;width:62px;"src="${staticpath}/phone/img/order-expenses.png">
					                                           					</div>
					                                           					<div class="jfxxBlank" >
					                                           						<div class="jfnamBlank" >
					                                           							${(data.name)!}
					                                           						</div>
					                                           						<div class="khxxBlank" >
					                                           							${(data.studentName)!}
					                                           						</div>
					                                           					</div>
					                                           					<div class="jfjeBlank">
					                                           						<div class="jtFy">￥${(data.money)!}</div>
					                                           					</div>
					                                           				</div>
					                                           			</#list>
					                                           			<#else>
																			<div class="row" style="height:100%;background: #efeff4;">
																				<div class="col-xs-12 zy-margin" style="font-size: 14px;font-weight: normal;height:80%;">
																					<div class="panel-default">
																			              <div class="panel-body" style="font-size: 16px;font-weight: normal;text-align: center;">
																				              <div class="panel-body " style="margin-top:20px;padding-left:5px;padding-right:5px;font-size: 16px;font-weight: normal;text-align: center;white-space:nowrap;">
																				              		<span class="glyphicon glyphicon-user"></span>未查询到校园缴费记录。
																				              </div>
																			              </div>
																					</div>
																				</div>
																			</div>
					                                           		</#if>
					                                           		<!-- <div class="messageBlank lr-padding fn-clear" >
					                                           			<div class="imgBlank">
					                                           				<img style="height:62px;width:62px;"src="${staticpath}/phone/img/icon-jxfd.png">
					                                           			</div>
					                                           			<div class="jfxxBlank" >
					                                           				<div class="jfnamBlank" >
					                                           					9月小饭桌费
					                                           				</div>
					                                           				
					                                           				<div class="khxxBlank" >
					                                           					安宁市第一中学&nbsp;&nbsp;&nbsp;&nbsp;张小花
					                                           				</div>
					                                           			</div>
					                                           			<div class="jfjeBlank">
					                                           				<div class="jtFy">￥220.00</div>
					                                           			</div>
					                                           		</div>
					                                           		
					                                           		<div class="messageBlank lr-padding fn-clear" >
					                                           			<div class="imgBlank">
					                                           				<img style="height:62px;width:62px;"src="${staticpath}/phone/img/icon-jxfd.png">
					                                           			</div>
					                                           			<div class="jfxxBlank" >
					                                           				<div class="jfnamBlank" >
					                                           					2016年保险费
					                                           				</div>
					                                           				
					                                           				<div class="khxxBlank" >
					                                           					安宁市第一中学&nbsp;&nbsp;&nbsp;&nbsp;张小花
					                                           				</div>
					                                           			</div>
					                                           			<div class="jfjeBlank">
					                                           				<div class="jtFy">￥180.00</div>
					                                           			</div>
					                                           		</div>
					                                           		<div class="messageBlank lr-padding fn-clear" >
					                                           			<div class="imgBlank">
					                                           				<img style="height:62px;width:62px;"src="${staticpath}/phone/img/icon-jxfd.png">
					                                           			</div>
					                                           			<div class="jfxxBlank" >
					                                           				<div class="jfnamBlank" >
					                                           					2016学年书杂费
					                                           				</div>
					                                           				
					                                           				<div class="khxxBlank" >
					                                           					安宁市第一中学&nbsp;&nbsp;&nbsp;&nbsp;张小花
					                                           				</div>
					                                           			</div>
					                                           			<div class="jfjeBlank">
					                                           				<div class="jtFy">￥550.00</div>
					                                           			</div>
					                                           		</div> -->
					                                           </div>
					                                        </div>
					                                    </div>
					                                </div>
					                                 <!-- 校园缴费结束 -->
                                                </div>
                                            </div>
                                            <div class="line-black"></div>
                                        </div>
                                        <!-- 结束订单取消 -->
                                        <!-- 订单已付款开始 -->
                                        <!--
                                        <div class="my-order">
                                            <div class="date">
                                                <span>9月30日</span>
                                            </div>
                                            <div class="goods">
                                                <div class="box fn-clear">
                                                    <div class="goods-img">
                                                        <img src="${staticpath}/phone/images/book3.png">
                                                    </div>
                                                    <div class="txt">
                                                        <div class="goods-title">
                                                            <P>差异化管理内蒙古出版社(最新第三版)(随机赠送价值25元的...</P>
                                                        </div>
                                                        <div class="goods-price fn-clear">
                                                            <span>¥28.00</span>
                                                            <span>¥28.00</span>
                                                            <span>X1</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="books-price">
                                                <div class="box">
                                                    <div class="total-price">
                                                        <p>共1件商品，合计：<span>38.00</span>元（含10.00元运费）</p>
                                                    </div>
                                                    <div class="payment fn-clear">
                                                        <div class="wait-payment">
                                                            <span>已付款，等待发货</span>
                                                        </div>
                                                        <div class="double-btn fn-clear">
                                                            <a href="javascript:" class="cancellation-order">取消订单</a>
                                                            <!-- <a href="#" class="payment-btn">付款</a> -->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="line-black"></div>
                                        </div>
                                        <!-- 结束订单已付款 -->
                                        <!-- 订单已发货开始 -->
                                        <!--
                                        <div class="my-order">
                                            <div class="date">
                                                <span>9月29日</span>
                                            </div>
                                            <div class="goods">
                                                <div class="box fn-clear">
                                                    <div class="goods-img">
                                                        <img src="${staticpath}/phone/images/book4 (1).png">
                                                    </div>
                                                    <div class="txt">
                                                        <div class="goods-title">
                                                            <P>命太硬 我的刑侦笔记</P>
                                                        </div>
                                                        <div class="goods-price fn-clear">
                                                            <span>¥28.00</span>
                                                            <span>¥28.00</span>
                                                            <span>X2</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="goods">
                                                <div class="box fn-clear">
                                                    <div class="goods-img">
                                                        <img src="${staticpath}/phone/images/book4 (2).png">
                                                    </div>
                                                    <div class="txt">
                                                        <div class="goods-title">
                                                            <P>命太硬 我的刑侦笔记</P>
                                                        </div>
                                                        <div class="goods-price fn-clear">
                                                            <span>¥28.00</span>
                                                            <span>¥28.00</span>
                                                            <span>X3</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="books-price">
                                                <div class="box">
                                                    <div class="total-price">
                                                        <p>共1件商品，合计：<span>38.00</span>元（含10.00元运费）</p>
                                                    </div>
                                                    <div class="payment fn-clear">
                                                        <div class="wait-payment">
                                                            <span>已发货</span>
                                                        </div>
                                                        <div class="double-btn fn-clear">
                                                            <a href="javascript:" class="cancellation-order">查看物流</a>
                                                            <!-- <a href="#" class="payment-btn">付款</a> -->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- 结束订单已发货 -->
                                        <div class="up-load">
                                            <div class="txt">
                                                <p>上拉加载更多内容</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>



                        </div>
                    </div>


                </div>

            </div>
        </div>
        <input type="hidden" id="basepath" value="${basepath!}"/>
  		<input type="hidden" id="staticpath" value="${staticpath!}"/>
       <script src="${staticpath}/phone/js/framework7.min.js"></script>
	    <script src="${staticpath}/phone/js/jquery.min.js"></script>
	    <script src="${staticpath}/phone/js/json2.js"></script>
	    <script src="${staticpath}/phone/js/WebViewJavascriptBridge.js"></script>
	     <script src="${staticpath}/phone/js/order.js"></script>
    </body>
</html>